import React from 'react';
import { Select, Button, Space, Input } from 'antd';

const { Option } = Select;

const searchStyle = {
  padding: '5px 10px',
  borderTop: '1px solid black',
  borderBottom: '1px solid black',
}

const TaskSearch: React.FC = () => {
  return <>
            <Space direction="horizontal" style={searchStyle}>
              <Space.Compact block style={{ width: '85vw' }}>
                <Select defaultValue="Zhejiang">
                  <Option value="Zhejiang">Zhejiang</Option>
                  <Option value="Jiangsu">Jiangsu</Option>
                </Select>
                <Input defaultValue="Xihu District, Hangzhou" />
              </Space.Compact>
              <Button style={{ width: 'calc(15vw - 30px)' }}>
                Hide
              </Button>
            </Space>        
  </>
}

export default TaskSearch;